// 商品管理路由配置模块

// 内部为路由配置提前定义好了类型，引入使用
import type { AppRouteModule } from '/@/router/types';

// LAYOUT就是主体布局组件
import { LAYOUT } from '/@/router/constant';
// 用来做国际化
import { t } from '/@/hooks/web/useI18n';

// 路由配置项
const product: AppRouteModule = {
  path: '/product',
  name: 'Product',
  component: LAYOUT,
  // 当路由地址是path时，会自动跳转到redirect地址
  // 重定向到第一个子路由
  redirect: '/product/trademark',
  meta: {
    // 菜单的权重（在前面还是后面）值越小越靠前
    orderNo: 20,
    // 菜单的图标
    // https://icon-sets.iconify.design/ 去这个网址找图标
    icon: 'mdi:clipboard-list-outline',
    // 标题：1. 左侧菜单 2. 网址title
    title: t('routes.product.product'),
  },
  children: [
    {
      // 子路由路径加 / -- 地址就是 /analysis
      // path: '/analysis'
      // 子路由路径不加 / -- 地址自动补全父路由地址，就是 /dashboard/analysis
      path: 'trademark',
      name: 'Trademark',
      // 路由必须写全，不能简写index.vue
      // 注意：/@/的写法，不是@/
      component: () => import('/@/views/product/trademark/index.vue'),
      meta: {
        title: t('routes.product.trademark'),
      },
    },
    {
      path: 'attr',
      name: 'Attr',
      component: () => import('/@/views/product/attr/index.vue'),
      meta: {
        title: t('routes.product.attr'),
      },
    },
    {
      path: 'spu',
      name: 'Spu',
      component: () => import('/@/views/product/spu/index.vue'),
      meta: {
        title: t('routes.product.spu'),
      },
    },
    {
      path: 'sku',
      name: 'Sku',
      component: () => import('/@/views/product/sku/index.vue'),
      meta: {
        title: t('routes.product.sku'),
      },
    },
  ],
};

// 暴露出去
export default product;
